<template>
	<div class="main">
		<h2>这是第一篇文章</h2>
		<ul>
			<li v-for="post in res" :key="post.id">
				<p>
				<router-link to="">
				{{ post.title }}
				</router-link>
				</p>
			</li>
		</ul>
		<span></span>
	</div>
</template>

<script>
	// 模拟到的数据
	let resData = [{
		"id":"1",
		"title": "欢迎使用PHP内容管理系统！"
	},
	{
		"id":"2",
		"title":"这是一篇系统自动生成的文章，您可以修改或删除。"
	}
	]
	export default {
		data() {
			return {
				res: resData
			}
		}
	}
</script>

<style scoped>
	.main {
		background: #fff;
	}
	h2{
		text-align: center;
	}
	a {
		color: #000;
		text-decoration: none;
	}
	
	ul {
		list-style: none;
		padding: 10;
	}
</style>
